<template>
  <div class="menu_bar">
    <!-- out -->
    <div class="out_body">
      <!-- out_sec  -->
      <div class="out_sec">
        <!-- left_logo -->
        <div class="logo_web">
          <!-- img -->
          <div class="logo_img">
            <a href="javascript:;">
              <img src="../../assets/images/logo_player.png" alt="" />
            </a>
          </div>
          <!-- title -->
          <div class="logo_title">
            <h1>camerWeb</h1>
          </div>
        </div>

        <!-- right login  find-->
        <div class="login">
          <div class="use_find">
            <i class="el-icon-search"></i>
          </div>
          <div class="use_tb">
            <div class="handle_user">
              <i class="el-icon-s-custom"></i>
            </div>
          </div>
        </div>
        <!-- right tab tree   -->
        <div class="tab_son">
          <ul>
            <li>
              <a href="javascript:;">Home</a>
			  <i class="el-icon-arrow-down"></i>
            </li>
            <li>
              <a href="javascript:;">Scenery</a>
			  <i class="el-icon-arrow-down"></i>
            </li>
            <li>
              <a href="javascript:;">Comic</a>
			  <i class="el-icon-arrow-down"></i>
            </li>
            <li>
              <a href="javascript:;">Humanity</a>
			  <i class="el-icon-arrow-down"></i>
            </li>
            <li>
              <a href="javascript:;">Pets</a>
			  <i class="el-icon-arrow-down"></i>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template> 
<script>
import tabBarMenu from "./tabBarMenu.js";
export default tabBarMenu;
</script>

<style>
@import url("tabBarMenu.css");
</style>